<template>
  <el-dropdown-menu>
    <el-dropdown-item command="solid">
      <SvgIcon name="BorderStyleSolid"></SvgIcon>
      Solid
    </el-dropdown-item>
    <el-dropdown-item command="dotted">
      <SvgIcon name="BorderStyleDotted"></SvgIcon>
      Dotted
    </el-dropdown-item>
    <el-dropdown-item command="dashed">
      <SvgIcon name="BorderStyleDashed"></SvgIcon>
      Dashed
    </el-dropdown-item>
    <el-dropdown-item command="double">
      <SvgIcon name="BorderStyleDouble"></SvgIcon>
      Double
    </el-dropdown-item>
    <el-dropdown-item divided command="1">
      1
    </el-dropdown-item>
    <el-dropdown-item command="2">
      2
    </el-dropdown-item>
    <el-dropdown-item command="3">
      3
    </el-dropdown-item>
    <el-dropdown-item command="4">
      4
    </el-dropdown-item>
  </el-dropdown-menu>
</template>

<script>
import SvgIcon from '@/components/SvgIcon/index.vue';
export default {
  components: { SvgIcon },
};
</script>

<style>

</style>
